//语法结构：import ... from ... 结构，从依赖中的vue框架导入createApp()函数
import { createApp } from 'vue'

//从依赖中的element-plus框架导入ElementPlus组件
import ElementPlus from 'element-plus'

//从依赖的element-plus框架导入css样式，导入样式不需要from
import 'element-plus/dist/index.css'

//从element-plus/icons-vue导入所有的图标组件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

//从element-plus/dist/locale/zh-cn.mjs导入zhCn中文组件
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

//从router.js这个文件导入router组件
import router from './router/router.js'

//从./App.vue这个页面导入App组件（vue页面本身也叫组件，组件名默认是页面的文件名）
import App from './App.vue'
import {doGet} from "./http/httpRequest.js";

//使用上面导入的createApp()函数创建vue应用，创建vue应用时需要给它一个vue页面/组件，不能凭空创建
let app = createApp(App);

//在创建的vue应用中使用ElementPlus组件
app.use(ElementPlus, {locale: zhCn});

//循环出所有的图标，注册到vue应用中
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}



app.use(ElementPlus)

//在创建的vue应用中使用router组件
app.use(router)
app.mount('#app');

